page-resourceslist {
.scroll-content {
        background-color: #eeeeee;
    }
    .task {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        justify-content: space-between;
        padding: 0.5rem 0.5rem 0;
    }
    .task .done,
    .task .need {
        width: 48%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border: 1px solid #efefef;
        background-color: white;
        padding: 0.3rem 0.5rem;
    }

    .task .done .title,
    .task .need .title {
        display: flex;
        flex-direction: column;
        text-align: center;
        font-size: 0.65rem;
    }

    .task .done .title span,
    .task .need .title span {
        color: orangered;
    }

    .task .done .targs,
    .task .need .targs {
        display: flex;
    }

    .task .done .targs img,
    .task .need .targs img {
        width: 1.5rem;
        height: 1.5rem;
        align-self: center;
    }

    .labor {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 0.5rem;
    }

    .labor .title {
        width: 100%;
        height: 1.2rem;
        line-height: 1.2rem;
        padding-left: 0.5rem;
        font-size: 0.70rem;
    }

    .labor .action,
    .labor .applys {
        width: 100%;
        height: 100%;
        background-color: white;
    }
    
    .labor .action{
        padding: 0.5rem;
    }

    .labor .action .menus,
    .labor .applys .menus {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .labor .action .menus .menu {
        display: flex;
        width: 25%;
        height: 3.0rem;
        align-self: center;
        font-size: 0.55rem;
        color: white;
        padding: 0.5rem;
    }

    .labor .applys .menus .menu {
        display: flex;
        flex-direction: column;
        width: 33.333%;
        height: 4.0rem;
        text-align: center;
        color: white;
    }
    
    .labor .applys .menus .menu img{
        width: 2.0rem;
        height: 1.2rem;
        margin: 0.5rem auto;
    }
    
    .labor .applys .menus .menu .name{
        padding: 0 0.2rem;
        font-size: 1.1rem;
        color: #444;
        height: 1.8rem;
        line-height: 0.75rem;
        font-size: 0.55rem;
    }
    
    .labor .applys .menus .menu.right{
        border-right: 1px solid #efefef;
    }
    .labor .applys .menus .menu.bottom{
        border-bottom: 1px solid #efefef;
    }
    
    .labor .action .menus .menu.gre1 {
        background-color: rgba(55,212,167,1.0);
    }
    .labor .action .menus .menu.gre2 {
        background-color: rgba(253,181,63,1.0);
    }
    .labor .action .menus .menu.gre3 {
        background-color: rgba(96,103,253,1.0);
    }
    .labor .action .menus .menu.gre4 {
        background-color: rgba(42,180,255,1.0);
    }
    .labor .action .menus .menu.gre5 {
        background-color: rgba(162,115,255,1.0);
    }
    .labor .action .menus .menu.gre6 {
        background-color: rgba(255,103,102,1.0);
    }
    .labor .action .menus .menu.gre7 {
        background-color: rgba(236,135,192,1.0);
    }
    .labor .action .menus .menu.gre8 {
        background-color: rgba(242,155,118,1.0);
    }
}
